Tempered Petrol color palette — #F4F6EF · #C2DFF4 · #80A8E1 · #0078A7 · #1D2C52
Cerulean and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Powder Blue (#C2DFF4): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#80A8E1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A7): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1D2C52): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Soft Azure Station color palette (#F3F8E4, #D9E4F8, #04A3F2, #006F86, #002646)
- Turquoise Loft color palette (#F5F6EB, #B6E6EF, #54B6C5, #0A8077, #003540)
- Timeworn Petrol Balcony color palette (#EDF1DD, #7BC3DB, #007196, #003D44, #000306)
- Cerulean Balcony color palette (#F9F4EF, #C1EBDF, #95AFF7, #009DB1, #3B3261)
- Muted Cobalt Study color palette (#EFF7F7, #ABC8E6, #4078C4, #005A7E, #293B57)
- Cerulean Archive color palette (#F4F6EF, #C9DBE7, #DEC0E1, #689AB1, #594658)
- Cerulean Lantern color palette (#F6F7E6, #8FDBDE, #008A98, #00524B, #000F14)
- Olive Workshop color palette (#F7F7DD, #A6CD86, #44B3E4, #55871B, #002C3E)
Browse the whole catalog at Explore, or see today's palette.