Tempered Petrol Pier color palette — #EEF6FF · #D6D9E4 · #7AB6E4 · #246DA0 · #072C4B
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Silver (#D6D9E4): a clean, paper-quiet neutral.
- Sky (#7AB6E4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#246DA0): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#072C4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Tempered Cypress Terrace color palette (#E6F9FF, #CFDBE7, #69BDBB, #007B80, #003233)
- Aged Indigo color palette (#F2F5FF, #E1D7E1, #AEA6E3, #6E5DA5, #2E2448)
- Dusty Powder Veranda color palette (#EDF6FF, #D3D9F9, #7FBDF8, #5E8DBA, #203C55)
- Cerulean Dune color palette (#FDEBFF, #ADD4FF, #558DBB, #265573, #002219)
- Worn Turquoise color palette (#EDF7FF, #D9D9E3, #BAAFAB, #7BBBCC, #415265)
- Lichen Pier color palette (#EBFFB6, #E6EEFF, #D8CFC6, #3E4B5F, #21262E)
- Nocturne Corridor color palette (#D8E9FF, #4081D8, #003972, #00091D, #000104)
- Aged Lagoon color palette (#F1F5FF, #B8BEFA, #CEA675, #698F56, #2B3141)
Browse the whole catalog at Explore, or see today's palette.