Tempered Cerulean color palette — #F1F3E7 · #B0D1BA · #2589A2 · #005B5D · #00281A
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3E7): a clean, paper-quiet neutral.
- Pistachio (#B0D1BA): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#2589A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005B5D): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#00281A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Patina Aqua Canyon color palette (#F3F4DE, #60CFD0, #00818B, #005249, #001E24)
- Hushed Cobalt color palette (#F0F3E9, #AAD2C4, #4880B4, #005771, #052043)
- Cerulean Boulevard color palette (#EEF1E2, #458293, #004256, #001F22, #000103)
- Washed Grove color palette (#F2F3EB, #C3E5DE, #83A68F, #327875, #1E3E2E)
- Tempered Delta color palette (#EDF0E0, #7DA891, #006181, #00383F, #000C17)
- Muted Turquoise color palette (#FFF2EC, #C0E8F4, #5BB1DC, #07816A, #122F51)
- Pale Studio color palette (#FFE0E3, #B877AE, #1686B7, #802F77, #001F2F)
- Airy Hollow color palette (#FFDAD9, #AE5B8D, #AB510B, #4C50A1, #28060A)
Browse the whole catalog at Explore, or see today's palette.