Tempered Cobalt color palette — #DCEDEC · #4CCAE9 · #408FDC · #00533E · #002A2E
Built around Azure, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEDEC): a clean, paper-quiet neutral.
- Cyan (#4CCAE9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#408FDC): A luminous, balanced blue — the color of deep harbor water.
- Forest (#00533E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#002A2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged pastel, light, cool.
Use it as a design system
One click turns Tempered Cobalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Worn Cabin color palette (#C5E8F0, #6EBDDE, #7A8ACF, #00572E, #001418)
- Frosted Cabin color palette (#D6ECFA, #73B8FE, #7D7DDF, #00585F, #0F2A3F)
- Gentle Summit color palette (#BAEFD3, #5DCEC2, #009EBA, #2A5E1D, #002A25)
- Chalky Study color palette (#DAE9F1, #22A5F3, #5869CD, #004142, #001A25)
- Pine Coast color palette (#CFE8C8, #7CD5F0, #8E9FDD, #007F53, #00252B)
- Soft Violet color palette (#E5F1FF, #869AE3, #8858B1, #003D50, #030726)
- Lilac Harbor color palette (#EBF7FF, #B6D9FF, #999BFF, #006D75, #003D62)
- Aubergine Canyon color palette (#D5E6F6, #007DC2, #61007C, #003556, #040013)
Browse the whole catalog at Explore, or see today's palette.