Tempered Cobalt Garden color palette — #F4EEE3 · #98CBF3 · #5B87C8 · #00697E · #232A50
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EEE3): a clean, paper-quiet neutral.
- Sky (#98CBF3): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5B87C8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#232A50): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt Garden 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
- Wandering Cerulean Veranda color palette (#F6EDDF, #8DD2D7, #0096B0, #006E5C, #003346)
- Muted Azure Workshop color palette (#ECF8F7, #D5DBF8, #4F95DF, #006586, #011B47)
- Airy Periwinkle color palette (#F8EAEF, #BBD7EF, #75A1FF, #008F9C, #2B2458)
- Softworn Sapphire color palette (#F7ECE1, #91BCAE, #3E64B5, #004F56, #2B2556)
- Hushed Azure Studio color palette (#FEF4E4, #8FECFD, #00ABD9, #00837A, #004469)
- Wandering Petrol color palette (#F7EDDF, #4DAFD5, #006CA5, #00494E, #001231)
- Softworn Field color palette (#EBE2D4, #15A6AC, #006374, #003D31, #000B12)
- Tempered Balcony color palette (#F9F4ED, #C3F0F7, #99B1E2, #5A8FA3, #604B59)
Browse the whole catalog at Explore, or see today's palette.