Tempered Petrol color palette — #F8EFE1 · #6DACB5 · #00819E · #005E53 · #000B14
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8EFE1): A whisper-light, dusty gold — the color of old brass.
- Blue Fog (#6DACB5): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00819E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005E53): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Cobalt Terrace color palette (#ECE5D9, #77A8C4, #1E78C2, #005C67, #00022D)
- Muted Lagoon color palette (#F8EBE5, #50A1A8, #006083, #003E21, #000722)
- Weathered Chapel color palette (#E3EFE5, #34868F, #004353, #00201B, #000103)
- Aged Cerulean Studio color palette (#EBE3D6, #8ECEC9, #00A5B2, #00815C, #00242D)
- Weathered Periwinkle color palette (#F4EEE4, #B4DFCA, #57ACEB, #008F99, #152D51)
- Faded Plum Thicket color palette (#FBDEF2, #B22C98, #776500, #006376, #050004)
- Misty Sky Basin color palette (#FBF4EA, #B6EFFF, #45C5FE, #00A6A2, #004270)
- Faded Market color palette (#F9DFE2, #C469BE, #0F8A20, #70006D, #000900)
Browse the whole catalog at Explore, or see today's palette.