Petrol Terrace color palette — #F2E5EC · #89BCD0 · #336DAD · #004C40 · #120A3D
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2E5EC): a clean, paper-quiet neutral.
- Ash (#89BCD0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#336DAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#120A3D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Cobalt Drift color palette (#F9EFF3, #ABCCE5, #5B7BB6, #005C55, #211644)
- Wandering Petrol Balcony color palette (#E7F2E9, #78BCD5, #0070A2, #004F51, #142F4D)
- Washed Archive color palette (#EBE1E4, #74A2C7, #3F4DA7, #00393A, #110025)
- Hazy Forest color palette (#F9EEFB, #9EDDDB, #0091B3, #00681D, #002648)
- Softworn Summit color palette (#D0EDFF, #B0C4FF, #C790BF, #00685C, #00182D)
- Dusty Denim Loft color palette (#CAE6FF, #5299D0, #006096, #002741, #00070F)
- Onyx Garden color palette (#C9EFDE, #008F89, #005F75, #003653, #0D0949)
- Timeworn Harbor color palette (#EBE1E9, #4797A3, #004F73, #002D1B, #00001F)
Browse the whole catalog at Explore, or see today's palette.