Tempered Petrol color palette — #E8F1EA · #6DBEDB · #006FA3 · #004F52 · #0D2E53
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Cyan (#6DBEDB): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#0D2E53): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Softworn Petrol color palette (#F4E4ED, #92B9D1, #2A70A6, #004C47, #06103B)
- Frosted Ultramarine color palette (#DAE6DC, #5CA5E3, #1B50AF, #003C4B, #171943)
- Washed Hollow color palette (#EDF0E5, #B5DEC9, #0AB2F0, #008EA1, #00314D)
- Wandering Cobalt Study color palette (#F6ECE6, #A5D0BA, #408CC9, #006C66, #1C2B55)
- Linen Seafoam Meadow color palette (#EAFAED, #73E4DF, #00909E, #00694D, #004759)
- Worn Terrace color palette (#DBE8DE, #1EA1B1, #005267, #00302B, #001624)
- Patina Ash color palette (#F0F7F1, #D7DEEF, #749EC3, #3C7980, #465465)
- Worn Navy Harbor color palette (#DFEFE2, #3E87B9, #003A7A, #002129, #03022B)
Browse the whole catalog at Explore, or see today's palette.