Tempered Cerulean color palette — #F7EAF3 · #8AD1E0 · #3C90BA · #006E5B · #0E2E54
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Sky (#8AD1E0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3C90BA): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#0E2E54): 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 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
- Cypress Dune color palette (#FCF2F8, #B4DBF1, #6A9BC4, #007D74, #2B395C)
- Azure Parlor color palette (#FEF2EC, #B5F1FD, #009ED6, #006C59, #001E41)
- Wandering Cobalt Harbor color palette (#EEDBE4, #87B9D5, #3175C7, #00595A, #16144F)
- Petrol Field color palette (#EEF0E3, #98BBA3, #00748D, #004F51, #003345)
- Patina Garden color palette (#FAF3F7, #D7D5E6, #93B6D3, #519489, #43546B)
- Petrol Coast color palette (#F5E9F1, #55B3B3, #007288, #004D2E, #001625)
- Wandering Ridge color palette (#ECE1E6, #639BB3, #005A9B, #003C3A, #03002E)
- Airy Orchid color palette (#BFE7E7, #2EC68B, #A44DAD, #00764F, #420A48)
Browse the whole catalog at Explore, or see today's palette.