Tempered Petrol color palette — #F9EBE4 · #81C3D2 · #006F9E · #003F35 · #00020C
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F9EBE4): bright and airy, almost weightless.
- Sky (#81C3D2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006F9E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Cobalt Lagoon color palette (#FEF3EB, #A3D3ED, #3A7CC7, #005152, #070035)
- Ancient Nightshade Canyon color palette (#E9E0D7, #7DA7CC, #2E47B1, #002A31, #010008)
- Timeworn Field color palette (#D6EAE7, #6ABED1, #0091B3, #006C71, #001721)
- Aged Cerulean color palette (#E3E6D6, #2B99AF, #005267, #002B2E, #00050A)
- Plum Coast color palette (#FBE2DD, #B4255C, #4B6200, #004E4A, #040001)
- Ancient Sky Grove color palette (#FDF3ED, #C2E3EE, #63AEE4, #008074, #1A2D53)
- Aged Raspberry color palette (#F9E6E7, #B752A1, #007B50, #690059, #000201)
- Aubergine Alley color palette (#DEDAF9, #9856C7, #7C007F, #4D0033, #0F0002)
Browse the whole catalog at Explore, or see today's palette.