Petrol Terrace color palette — #F7EAD7 · #58AFC8 · #006F9A · #004A49 · #00152A
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7EAD7): A whisper-light, dusty gold — the color of old brass.
- Cyan (#58AFC8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00152A): 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 Petrol Terrace 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
- Muted Alley color palette (#E6DED1, #70A7D9, #285EC9, #004759, #0D0A3A)
- Aged Orchard color palette (#EDE1CF, #31A5A2, #00646E, #003D2C, #000B11)
- Petrol Villa color palette (#E4F1EF, #84C2D3, #007292, #003D42, #000306)
- Cobalt Grove color palette (#F3E6EE, #6DBDD5, #008BCF, #006E63, #000942)
- Linen Alley color palette (#F7EDDE, #7DD3E7, #0093C0, #006C67, #003150)
- Muted Turquoise color palette (#FCF4E7, #8BEDF6, #00ADCE, #008472, #004661)
- Timeworn Periwinkle Drift color palette (#FAF4EB, #BEF2E3, #84A5E1, #498497, #573F50)
- Plum Loft color palette (#F8E5ED, #B50077, #5F5F00, #00526E, #15000A)
Browse the whole catalog at Explore, or see today's palette.