Petrol Terrace color palette — #F7EBF2 · #71ACBD · #006DA2 · #004B42 · #000D3D
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EBF2): a clean, paper-quiet neutral.
- Blue Fog (#71ACBD): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#000D3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Washed Abyss color palette (#EBDAE5, #68B1AC, #007384, #004D28, #001623)
- Ancient Terrace color palette (#F5E6EC, #8AB8D4, #3A74C4, #00595C, #18144E)
- Hushed Aqua color palette (#FAEBE2, #3CC9EB, #006EA2, #003F37, #00020E)
- Denim Coast color palette (#E5E8D6, #569AAD, #005269, #002F33, #001623)
- Patina Cerulean color palette (#D9F7F3, #57C0DC, #0090B9, #006C74, #001623)
- Aged Quarry color palette (#F4EBF2, #92D0DE, #0091CA, #006E5D, #0E2D57)
- Muted Turquoise color palette (#FCF1F9, #A1EAEF, #00ABD7, #008662, #00436E)
- Hushed Cerulean color palette (#FBF3F5, #D8DDFA, #89A3E3, #008A9A, #3E4666)
Browse the whole catalog at Explore, or see today's palette.