Tempered Petrol color palette — #D0E6E2 · #5FB0BC · #007288 · #004A4A · #001720
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D0E6E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#5FB0BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007288): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001720): 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
- Timeworn Petrol color palette (#DAECEB, #82A6C5, #0069B3, #00475D, #001232)
- Softworn Periwinkle color palette (#D2E6F3, #6AB5E9, #5998F5, #006A7B, #001722)
- Worn Aqua Market color palette (#EEF0DC, #4FCADC, #007389, #003E3E, #000305)
- Lagoon Loft color palette (#D4EFEE, #009096, #00636D, #003E48, #00141B)
- Hushed Ridge color palette (#FEEBE3, #43C3D7, #008FBF, #006F5A, #00142D)
- Weathered Byzantium color palette (#CBE4F2, #0085A1, #9718BD, #004D5F, #1D0027)
- Cerulean Meadow color palette (#E2FBF8, #8DD7EF, #009AC8, #00717B, #003751)
- Feathered Ultramarine Orchard color palette (#D9F1F5, #007480, #3D41CE, #115A07, #00090C)
Browse the whole catalog at Explore, or see today's palette.