Tempered Petrol Pier color palette — #D3F4E4 · #007598 · #282E57 · #152027 · #00090F
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3F4E4): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007598): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#282E57): A deep, shadowed, dusty violet — the color of a velvet chair.
- Onyx (#152027): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00090F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered Petrol Pier 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
- Eclipse Denim color palette (#D8F3E6, #005572, #31323A, #141319, #000513)
- Softworn Azure Summit color palette (#CFE4DC, #009CDF, #544E93, #003955, #000B01)
- Tempered Iris Parlor color palette (#FCE8F7, #8099FF, #785B80, #55354E, #01160F)
- Deep Ultramarine Parlor color palette (#F2DFF1, #0050C9, #2B163C, #071216, #00010A)
- Softworn Cerulean color palette (#EEE2DE, #6AC0C6, #008FBE, #00723E, #001134)
- Powder Canyon color palette (#E7F6F2, #88BCF0, #8C737E, #425A54, #1C241F)
- Frosted Pine color palette (#F3E7D7, #92A05A, #008743, #006170, #0E1100)
- Iris Study color palette (#FCE2F1, #7E76F8, #6A4566, #432338, #000604)
Browse the whole catalog at Explore, or see today's palette.