Tempered Petrol Harbor color palette — #F0F7F4 · #D2DCDD · #D1BBC3 · #237EA3 · #404B46

Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D2DCDD): bright and airy, almost weightless.
• Stone (#D1BBC3): A luminous, dusty rose — the color of pressed rose petals.
• Cerulean (#237EA3): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#404B46): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Petrol Harbor 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

• Tempered Cerulean color palette (#F9F3F8, #DFD7D8, #B2ABA2, #6982AF, #575057)
• Ancient Coast color palette (#EDF4F0, #DFCFCE, #CAB4B6, #2B809A, #252F2A)
• Tempered Lapis Harbor color palette (#FAF3F7, #E8D5D4, #D3B2BD, #6357C2, #4A3B43)
• Washed Denim color palette (#FBF2FC, #DECCDC, #BC9BB3, #005BA3, #3E2B40)
• Muted Fern Basin color palette (#F3F7E9, #A7B596, #448071, #1C6664, #344B05)
• Muted Market color palette (#EDE0ED, #3672BB, #3E2B3A, #29182A, #0B1517)
• Washed Abyss color palette (#DAE3E0, #B0A5B2, #8E768C, #003C5B, #001912)
• Ancient Cornflower color palette (#FDF0FE, #A4E0FF, #69B8FF, #6279E8, #263B5B)

Browse the whole catalog at Explore, or see today's palette.