Petrol Terrace color palette — #EEF6FF · #FCD6CF · #507AA3 · #203A54 · #0A1017
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Shell Pink (#FCD6CF): A whisper-light, dusty orange — the color of autumn markets.
- Slate (#507AA3): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#203A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0A1017): a grounded near-black with real depth.
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
- Muted Driftwood Bloom color palette (#F1F5FE, #D8D8CC, #7984AB, #3D4659, #171B24)
- Faded Sunflower Loft color palette (#EFF6FF, #F2DA4E, #4568B1, #192C56, #020713)
- Dusty Denim Field color palette (#E9F4F8, #A0BE91, #00616A, #002E33, #030E14)
- Washed Cabin color palette (#EBF9EF, #C1E0B1, #49A4B0, #2F6D76, #16261A)
- Patina Wisteria Harbor color palette (#ECF7FD, #ACF3FF, #CA80C0, #009BAD, #140F1D)
- Muted Lime Summit color palette (#EFF6FF, #A7CB4B, #284C98, #05153A, #000105)
- Hushed Sky Hollow color palette (#EBF7FF, #22C3F7, #D18971, #9B624F, #142732)
- Wandering Thicket color palette (#DFFEEF, #87D7FF, #A281C1, #68672B, #263243)
Browse the whole catalog at Explore, or see today's palette.