Tempered Cobalt color palette — #F3F8E8 · #A9D1F2 · #347DC6 · #004D67 · #000A26
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
- Powder Blue (#A9D1F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#347DC6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000A26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Cerulean Parlor color palette (#F5F6E9, #9BD8DC, #008A9A, #00524D, #000F14)
- Tempered Basin color palette (#CBEFFF, #00AAE6, #006DA5, #003A65, #00112B)
- Worn Byzantium Cabin color palette (#CAE4FF, #007DD3, #9140B1, #006359, #000205)
- Emerald Delta color palette (#DBF5EC, #009BE5, #039426, #00537D, #000B01)
- Patina Cobalt Villa color palette (#FFF0FE, #E1D7F2, #AF9FFB, #0776C0, #06102F)
- Tempered Corridor color palette (#F5F6ED, #B5F3F6, #00A4B7, #006B63, #00232B)
- Weathered Ridge color palette (#F4E8DC, #9AC6E8, #5A8CFB, #007B87, #1E1448)
- Denim Alley color palette (#E6EADC, #74A9CD, #005891, #002936, #000105)
Browse the whole catalog at Explore, or see today's palette.