Tempered Petrol color palette — #E9DFD1 · #4CB1BE · #00819F · #005E54 · #000B14
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E9DFD1): A whisper-light, dusty gold — the color of old brass.
- Cyan (#4CB1BE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#00819F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
- 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
- Washed Cobalt Parlor color palette (#F2E9DC, #63AAD2, #0076CC, #005B67, #00022C)
- Iris Workshop color palette (#D3EADC, #6EAFDB, #7F89E3, #007574, #00121B)
- Denim Station color palette (#F5E8E3, #3EA2AD, #006084, #003E23, #000525)
- Feathered Rust color palette (#E5F4E9, #008EA1, #C73400, #005F6C, #120100)
- Dusty Cerulean color palette (#DBF5FF, #009BC7, #00718C, #004152, #000203)
- Weathered Field color palette (#D8E9E6, #42848D, #004350, #001F1F, #000203)
- Cerulean Quarry color palette (#E8E3DA, #79D2CD, #00A5B4, #00805E, #00242E)
- Airy Plum Study color palette (#D8EBF1, #007C94, #AE0091, #675800, #000203)
Browse the whole catalog at Explore, or see today's palette.