Tempered Cobalt color palette — #FCF2F7 · #A2CBE3 · #107EC3 · #006059 · #2B395B
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Sky (#A2CBE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#107EC3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#2B395B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Feathered Petrol color palette (#FEF1FA, #59CAD9, #00789E, #005844, #003460)
- Dusty Cerulean Orchard color palette (#F1F4E6, #99D1E7, #2586B1, #005A66, #00281E)
- Antique Iris Workshop color palette (#FBF3F5, #CADFF3, #6987D1, #156E7A, #40465F)
- Lagoon Station color palette (#FAF4EB, #C8E9D8, #74BAE9, #109FA4, #1E3C5E)
- Navy Balcony color palette (#EBDEE4, #338BAF, #003D70, #002222, #04002C)
- Linen Raspberry color palette (#ECDEFB, #B4508E, #008151, #00686B, #31263C)
- Tempered Ultramarine Canyon color palette (#ECE1E6, #71A6C5, #0053AE, #003E40, #181844)
- Mulberry Orchard color palette (#F2EAFF, #C06CA8, #008B84, #8F1C76, #003F3B)
Browse the whole catalog at Explore, or see today's palette.