Tempered Cobalt Basin color palette — #FAF3F8 · #A8CBDA · #1A80B6 · #006343 · #2A395F
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Sky (#A8CBDA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#1A80B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006343): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2A395F): 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 Basin 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
- Tempered Pier color palette (#FCF2F6, #C8E0F1, #718BB7, #007268, #474169)
- Timeworn Corridor color palette (#F7F1E7, #B0D1BA, #0088AE, #005C55, #00281E)
- Weathered Sapphire color palette (#F9EAF0, #8DB7D4, #4262B9, #00504D, #322058)
- Chalky Basin color palette (#D9E5FF, #6970C3, #757000, #386126, #1F2A47)
- Wandering Petrol color palette (#EFF6FF, #D8D8F8, #E79598, #00779C, #393F5D)
- Dusty Navy Meadow color palette (#F2E6EE, #5A879E, #003F6A, #00231A, #05002C)
- Aged Alley color palette (#FFF2EC, #B0ECF8, #75BAEA, #509D7C, #4B3046)
- Aubergine Hollow color palette (#C5EEF9, #49A4D8, #5163C9, #4E2F9A, #472B58)
Browse the whole catalog at Explore, or see today's palette.