Tempered Cerulean color palette — #F6E2DB · #7DBCC4 · #008EC3 · #007145 · #000B40
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F6E2DB): A whisper-light, dusty orange — the color of autumn markets.
- Ash (#7DBCC4): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007145): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#000B40): 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 Cerulean 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
- Faded Cornflower Field color palette (#F8E8DD, #7BB9DB, #4C7FE0, #006E66, #17003F)
- Tempered Parlor color palette (#E3F2E6, #6AAFB6, #00728A, #004B40, #001623)
- Gentle Emerald color palette (#F9EBE6, #BADEBD, #00B4E8, #01974B, #092D59)
- Worn Station color palette (#D6EADB, #009FB0, #E91F1D, #006F7B, #260001)
- Cerulean Villa color palette (#E9DBE7, #009CA7, #00506E, #002E17, #000313)
- Turquoise Workshop color palette (#DCF1F6, #00ACD6, #007C9E, #004F65, #000203)
- Weathered Emerald Veranda color palette (#D6F1DA, #9AC0F4, #C38ED5, #009355, #001E2A)
- Crimson Balcony color palette (#D1ECFC, #0089B9, #D80045, #973F00, #000910)
Browse the whole catalog at Explore, or see today's palette.