npmpackage.info

Gathering detailed insights and metrics for @ant-design/colors

Other packages similar to @ant-design/colors

dw-neit-colors

7.1.0

Color palettes calculator of Ant Design

@sdsjs/design-colors

1.1.0

SCSS/Sass Implementation for Ant Design Colors

ant-design-colors-scss

1.0.1

SASS/SCSS implementation of Ant Design Colors

@yfill/ant-design-colors

1.0.4

A theme extension

Gathering detailed insights and metrics for @ant-design/colors

@ant-design/colors - 7.2.1 | npmpackage.info

@ant-design/colors

🎨 Color Palettes Calculator of Ant Design

7.2.1

674

MIT

TypeScript

31.56 kB

4.2

Installations

npm install @ant-design/colors

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

22.8.0

NPM Version

10.8.3 Pull Requests

Open

1

Total

64

Closed

8

Merged

55

Issues

Open

7

Total

34

Closed

27

Releases

v7.2.1

Updated on May 20, 2025

@ant-design/colors@8.0.0

Updated on Mar 21, 2025

v7.2.0

Updated on Dec 31, 2024

v7.1.1-0

Updated on Dec 31, 2024

v7.1.0

Updated on Jul 02, 2024

v7.0.2

Updated on Jan 02, 2024

View All 18 releases

Languages

TypeScript

JavaScript

TypeScript (99.05%)

JavaScript (0.95%)

Developer

ant-design

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

674 Stars

139 Commits

82 Forks

13 Watchers

2 Branches

47 Contributors

Updated on Jul 06, 2025

Maintainers

View All 47 Contributors

Package Meta Information

Latest Version

7.2.1

Package Id

@ant-design/colors@7.2.1

Unpacked Size

31.56 kB

Size

7.63 kB

File Count

NPM Version

10.8.3

Node Version

22.8.0

Published on

May 20, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@ant-design/fast-color

Dev Dependencies

@ctrl/tinycolor @types/jest @types/node @umijs/fabric eslint father jest np prettier ts-jest tsx typescript vitest

Ant Design Colors

:art: Color palettes calculator of Ant Design.

Install

1$ npm install @ant-design/colors
2// or
3$ yarn add @ant-design/colors

Usage

1$ npm install @ant-design/colors --save

1import {
2  red,
3  volcano,
4  gold,
5  yellow,
6  lime,
7  green,
8  cyan,
9  blue,
10  geekblue,
11  purple,
12  magenta,
13  grey,
14} from '@ant-design/colors';
15
16console.log(blue); // ['#E6F4FF', '#BAE0FF', '#91CAFF', '#69B1FF', '#4096FF', '#1677FF', '#0958D9', '#003EB3', '#002C8C', '#001D66']
17console.log(blue.primary); // '#1677FF'

1import { generate, presetPalettes } from '@ant-design/colors';
2
3// Generate color palettes by a given color
4const colors = generate('#1890ff');
5console.log(colors); // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#002766']
6console.log(presetPalettes);
7/*
8{
9  red: [...],
10  volcano: [...],
11  orange: [...],
12  gold: [...],
13  yellow: [...],
14  lime: [...],
15  green: [...],
16  cyan: [...],
17  blue: [...],
18  geekblue: [...],
19  purple: [...],
20  magenta: [...],
21}
22*/

1import { generate, presetDarkPalettes } from '@ant-design/colors';
2
3// Generate dark color palettes by a given color
4const colors = generate('#1890ff', {
5  theme: 'dark',
6  backgroundColor: '#141414',
7});
8console.log(colors); // ['#111d2c', '#112a45', '#15395b', '#164c7e', '#1765ad', '#177ddc', '#3c9ae8', '#65b7f3', '#8dcff8', '#b7e3fa']
9console.log(presetDarkPalettes);
10/*
11{
12  red: [...],
13  volcano: [...],
14  orange: [...],
15  gold: [...],
16  yellow: [...],
17  lime: [...],
18  green: [...],
19  cyan: [...],
20  blue: [...],
21  geekblue: [...],
22  purple: [...],
23  magenta: [...],
24}
25*/

Articles

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

7

SAST

Determines if the project uses static code analysis.

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

Score

4.2

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More