Tempered Petrol color palette — #DEEAE0 · #5EAFB9 · #00819E · #005E53 · #000B14
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DEEAE0): a clean, paper-quiet neutral.
- Cyan (#5EAFB9): A luminous, balanced blue — the color of a favorite pair of jeans.
- 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
- Worn Corridor color palette (#E5EFE7, #6EA9CA, #0077CA, #005C67, #000427)
- Dusty Denim Villa color palette (#F1E7EF, #39A3B0, #005F87, #003E25, #000428)
- Washed Lagoon color palette (#DFE1D1, #3F848D, #004350, #001F1F, #000202)
- Cerulean Field color palette (#DCEADE, #80D1CB, #00A5B2, #00815C, #00242D)
- Peony Ridge color palette (#E0EAFF, #BA97EE, #CB69BC, #1572BE, #0A0322)
- Periwinkle Archive color palette (#E7F2E9, #A7DCF4, #33ADFD, #008F99, #132D54)
- Lapis Terrace color palette (#E0E5FF, #5758E1, #B23300, #006A3E, #01000F)
- Ultramarine Ridge color palette (#CDE4F2, #0077D5, #004FC5, #2A1FA1, #08001F)
Browse the whole catalog at Explore, or see today's palette.