Tempered Petrol color palette — #DDF4F2 · #7AC1E4 · #006EA2 · #003C49 · #000308
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DDF4F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7AC1E4): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006EA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000308): 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
- Weathered Turquoise color palette (#DDF1ED, #5BB1BA, #005F6E, #002B2A, #000102)
- Hazy Cobalt color palette (#E4FBFA, #AAD0F6, #3B79CF, #004C6C, #010432)
- Worn Navy color palette (#F6EBE2, #5792B0, #00498B, #002C2C, #02001C)
- Softworn Cobalt color palette (#F5E3EC, #85B8D3, #3884D9, #006D6D, #0C0640)
- Tempered Quarry color palette (#EBF8F8, #DADDE8, #6DACE2, #007A9A, #172F4C)
- Soft Quarry color palette (#FFE1ED, #B96500, #007B47, #5B2F00, #000201)
- Ancient Ridge color palette (#EEF7F5, #D4DFEC, #84C8D2, #3B9289, #174558)
- Worn Garnet color palette (#EFDECF, #945600, #406500, #7C0042, #020100)
Browse the whole catalog at Explore, or see today's palette.