Tempered Petrol color palette — #FFEBF9 · #6CCCDD · #007CA8 · #005343 · #001939
Cerulean and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FFEBF9): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#6CCCDD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005343): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001939): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Misty Sapphire Basin color palette (#FFECF4, #90C2E6, #3B6DCA, #005157, #170949)
- Softworn Market color palette (#EAF9F6, #68C8DA, #007A94, #005557, #00394C)
- Softworn Canyon color palette (#F4E6EE, #64A8B9, #005F89, #003A32, #000922)
- Cerulean Station color palette (#FFF2EC, #8ED8E7, #0098D0, #007461, #003167)
- Softworn Boulevard color palette (#F0E3E9, #4E7F9A, #003A75, #001F20, #01000B)
- Weathered Archive color palette (#C7FCFA, #46ECE9, #0ABAF6, #506500, #00221B)
- Moss Coast color palette (#E0E3C4, #6EA100, #00712B, #004A34, #00201E)
- Chalky Plum color palette (#CCF1F0, #27B06F, #A4009C, #005C35, #2A0028)
Browse the whole catalog at Explore, or see today's palette.