Tempered Cobalt color palette — #F0E7E1 · #85BCD5 · #146EB5 · #004B49 · #0A1038
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F0E7E1): a clean, paper-quiet neutral.
- Sky (#85BCD5): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#146EB5): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0A1038): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Petrol Pier color palette (#EDF1E1, #73BCDC, #00719E, #004E5B, #01314F)
- Tempered Cobalt color palette (#F9F0E8, #A0CEED, #527CBE, #005B5F, #321429)
- Misty Ultramarine color palette (#E9E0D5, #76A1CA, #3043C6, #003841, #0D0128)
- Cerulean Bloom color palette (#FBEFE9, #9DDEDC, #0092AC, #00663E, #00283E)
- Azure Workshop color palette (#EBF8F7, #CADFFF, #089DDA, #006778, #002037)
- Cerulean Studio color palette (#EEE0D9, #259AAB, #00506E, #002D23, #00040F)
- Periwinkle Alley color palette (#F7F0EC, #C5E7E7, #739FD4, #327778, #432E3D)
- Faded Nightshade Workshop color palette (#F6EEE5, #467EA8, #0016AE, #001F22, #010009)
Browse the whole catalog at Explore, or see today's palette.