Tempered Cobalt color palette — #FBF2F8 · #A7CBDE · #447DAF · #00624C · #303662
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Sky (#A7CBDE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#447DAF): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00624C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#303662): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Navy Corridor color palette (#FEF0FD, #67C9D0, #00789F, #005A2E, #002F6F)
- Cerulean Market color palette (#F5F1EB, #9BD2E1, #1087B4, #005B59, #02223C)
- Worn Cypress color palette (#FCF2F6, #CCDFEF, #7588BD, #00716F, #4B4065)
- Weathered Sapphire Chapel color palette (#F9EAEF, #9AB5CD, #4F5FB5, #004F51, #371F55)
- Softworn Spruce color palette (#EEE5F0, #5D9C99, #005265, #013307, #00152A)
- Hushed Alley color palette (#F4EAF0, #5C879E, #003D71, #00231C, #07002A)
- Antique Olive color palette (#E1FBFB, #B9DFEA, #98ABE5, #656E00, #224750)
- Antique Harbor color palette (#DAFBFF, #65BBA3, #007862, #004534, #002B23)
Browse the whole catalog at Explore, or see today's palette.