Petrol Terrace color palette — #F0F7F2 · #EAAEAF · #206877 · #283F30 · #1A2726
Peacock and Rose Quartz set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Rose Quartz (#EAAEAF): A luminous, dusty red — the color of embers at dusk.
- Peacock (#206877): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#283F30): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#1A2726): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Antique Cypress color palette (#E5F5F9, #D8C091, #246E69, #18363C, #0A1618)
- Hushed Denim Summit color palette (#F9F3FA, #E9B19F, #326191, #453047, #2E2126)
- Teal Drift color palette (#ECF7FB, #FFD3BC, #67ACAF, #53737D, #1D2E34)
- Softworn Sand color palette (#EFF8EE, #E8CE99, #4C8A84, #41533E, #262E25)
- Wandering Blush color palette (#E7FBF1, #E47F8D, #005068, #002B3A, #032115)
- Violet Veranda color palette (#F3F6F1, #7FD3C0, #9468AC, #007F6D, #372A2D)
- Tempered Pewter Ridge color palette (#ECF9F1, #1A92AA, #795497, #614706, #28362D)
- Coral Archive color palette (#D3E2DC, #CB6C69, #003A56, #001827, #000A0B)
Browse the whole catalog at Explore, or see today's palette.