Petrol Terrace color palette — #E7F2E9 · #7ABCD1 · #00719D · #004F50 · #112F4D
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Cyan (#7ABCD1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#112F4D): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Petrol Alley color palette (#F4E4EE, #6FC0DB, #2D6EAB, #004D3E, #101132)
- Wandering Cobalt color palette (#EEF8F0, #ABCADF, #1F7DC2, #005E67, #283A5A)
- Sunlit Ultramarine Drift color palette (#D8E4DA, #7BA4C4, #0052B0, #003C49, #121947)
- Weathered Turquoise Alley color palette (#EDF1E0, #A7DDEF, #38B3E1, #008F9C, #00324A)
- Wandering Harbor color palette (#E4F1E6, #509DA5, #005264, #003129, #001623)
- Aged Veranda color palette (#F1F7F2, #D6DEEF, #62A0CD, #307B80, #445468)
- Navy Garden color palette (#D9E2DA, #4A88AD, #003D72, #002127, #01012D)
- Feathered Quarry color palette (#D2E7DE, #6F7100, #00678B, #851857, #00261A)
Browse the whole catalog at Explore, or see today's palette.