Petrol Terrace color palette — #F1F7F2 · #DADDEE · #839BBB · #34798B · #45536D
Slate and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#839BBB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#34798B): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#45536D): A full-bodied, dusty violet — the color of wild irises.
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
- Muted Pier color palette (#F7EFF2, #D7DBEC, #8A9BCA, #2A7977, #30334F)
- Patina Study color palette (#E5F9FF, #D5DCE8, #B8A9B1, #649095, #3A5058)
- Timeworn Petrol Hollow color palette (#E6F2E8, #7FBCCC, #007299, #00504D, #003052)
- Cypress Pier color palette (#E8F9FC, #70C1B8, #C78291, #00847C, #5A445F)
- Dusty Turquoise Loft color palette (#F8F5EF, #C4DFF0, #A7C9FA, #64AEC3, #5F4B5A)
- Tempered Dune color palette (#DDECDF, #37A0A6, #005362, #003127, #001721)
- Timeworn Drift color palette (#EEF8F0, #8EDDE6, #008DAC, #00685B, #004563)
- Denim Parlor color palette (#D5E5D8, #70A6C9, #0757A0, #003C47, #0D194A)
Browse the whole catalog at Explore, or see today's palette.