Tempered Petrol color palette — #EBF1DE · #8ABDE6 · #1A68B3 · #003B50 · #00020D
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#EBF1DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#8ABDE6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#1A68B3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00020D): 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
- Muted Petrol color palette (#EFF0DD, #70C7CC, #007582, #003E3A, #000305)
- Patina Ridge color palette (#E0FFE2, #84D6E7, #42ABD9, #005B54, #000506)
- Navy Dune color palette (#D2E3E2, #6894B9, #004A89, #002D3F, #001037)
- Timeworn Cornflower color palette (#F6EDE5, #8DB5D6, #4A79F5, #006B76, #15033C)
- Tempered Petrol Station color palette (#F3F6EF, #E7D1CF, #7FA8E4, #2677A1, #202D4E)
- Antique Delta color palette (#D6EBE1, #009378, #006456, #00312D, #000707)
- Misty Meadow color palette (#DAEEEE, #007679, #033DDE, #2D4D00, #000202)
- Tempered Lagoon Loft color palette (#DBEDD6, #009284, #816200, #00463F, #020100)
Browse the whole catalog at Explore, or see today's palette.