Tempered Cobalt color palette — #F8EFF5 · #9FDBE8 · #008EC3 · #006453 · #072449
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8EFF5): a clean, paper-quiet neutral.
- Powder Blue (#9FDBE8): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006453): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#072449): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cobalt Alley color palette (#FAEEF5, #75C9E2, #0079B5, #00524A, #021543)
- Cornflower Alley color palette (#FAEEF2, #A4D6FF, #4678F9, #00616B, #241B4D)
- Ancient Studio color palette (#F7EFF3, #D7D1E5, #7AA0C9, #2D7877, #2C3649)
- Cerulean Balcony color palette (#EEE3EB, #159BAA, #00516B, #002D21, #00040E)
- Dusty Lagoon color palette (#E2F5FF, #D2D5E9, #CAA1FF, #008879, #08283E)
- Misty Dune color palette (#CFF8EC, #00ABA2, #007683, #00526A, #002540)
- Frosted Crimson Grove color palette (#B6F1F7, #00949F, #D90040, #785D00, #001C1F)
- Worn Ember Balcony color palette (#E2F6FF, #00ABC4, #D25800, #006777, #3A1300)
Browse the whole catalog at Explore, or see today's palette.