Tempered Cerulean color palette — #F2F3E8 · #B1D1B4 · #008C9B · #005C55 · #00252E
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Pistachio (#B1D1B4): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#008C9B): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00252E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Hushed Cobalt Workshop color palette (#F0F3EB, #A7D2C7, #507DBB, #005679, #101E41)
- Tempered Cerulean Cabin color palette (#F1F3EC, #CAE3D5, #4698BC, #006B76, #073428)
- Cerulean Lantern color palette (#FCF2F9, #92D2D6, #0085A5, #006345, #1F3D57)
- Denim Workshop color palette (#DDE0D3, #5292B4, #004E77, #002A35, #00040E)
- Hushed Abyss Studio color palette (#EBEDDD, #5F8267, #00434F, #001F1E, #000202)
- Pine Veranda color palette (#FBF3EF, #BBEAF3, #56B4D3, #00835D, #09314D)
- Worn Mulberry color palette (#F1DFC5, #9E7400, #008538, #A81234, #1D1100)
- Worn Chestnut color palette (#EADFCE, #AA956F, #7B6029, #563600, #201600)
Browse the whole catalog at Explore, or see today's palette.