Tempered Cobalt color palette — #EBDFDA · #7ABFC5 · #007FAC · #005D35 · #021B4C
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#EBDFDA): a clean, paper-quiet neutral.
- Mint Leaf (#7ABFC5): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D35): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#021B4C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Airy Sapphire Station color palette (#F2E6DC, #7FBADB, #3F6FD1, #005A53, #221148)
- Cobalt Garden color palette (#FEF0FC, #8CDBE3, #0085B4, #005530, #00092A)
- Cerulean Archive color palette (#E9E0D3, #8ECCD3, #00A2C3, #007F6E, #002333)
- Denim Villa color palette (#E4F0E6, #78A7B8, #006176, #003F36, #002333)
- Frosted Harbor color palette (#FFF3E8, #92D4FC, #5987EE, #00736D, #391B70)
- Pine Lagoon color palette (#FFF2EC, #9FE9F6, #49A5DC, #00875C, #283C73)
- Linen Atelier color palette (#EDDEED, #A942AD, #007C59, #005E5F, #200322)
- Dusty Lagoon Grove color palette (#FAF4EE, #CEE6E9, #C9A4BD, #4D9398, #634B53)
Browse the whole catalog at Explore, or see today's palette.