Petrol Terrace color palette — #F9EAEF · #8BB7DB · #5061AD · #004F50 · #34244B
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9EAEF): a clean, paper-quiet neutral.
- Sky (#8BB7DB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5061AD): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#34244B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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 Delta color palette (#F6EAF5, #8CB9CA, #067198, #00532E, #162D53)
- Ancient Cobalt Alley color palette (#EDE8E1, #91BFB1, #3A6AB4, #004959, #0C0F39)
- Cobalt Meadow color palette (#E9F1EA, #AAC8E4, #5586D3, #00697F, #222955)
- Dusty Cypress Courtyard color palette (#F8F3F9, #D2D7EE, #68A3B5, #557A53, #405569)
- Washed Navy Canyon color palette (#FAE6F0, #499ABB, #004791, #003129, #130042)
- Quiet Orchard color palette (#F8ECE2, #B1D8FA, #899DF9, #009093, #342549)
- Soft Thicket color palette (#C0E8DB, #7E9B21, #7A3B97, #3F5100, #3B124C)
- Antique Lagoon color palette (#F4EAF3, #418E92, #004359, #00240E, #00081D)
Browse the whole catalog at Explore, or see today's palette.