Petrol Terrace color palette — #FFE9DE · #43C9E8 · #006CAC · #003F2F · #010014
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
- Cyan (#43C9E8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006CAC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F2F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Dusty Cobalt color palette (#FFF3E8, #90D6FA, #4779C9, #00524A, #0D032B)
- Nightshade Dune color palette (#EDDECD, #74A7D7, #434A9C, #002B2D, #020006)
- Aged Workshop color palette (#F4E7F0, #5F99A8, #004F74, #003129, #001135)
- Muted Delta color palette (#D1E2E0, #7CBBCC, #0091B6, #006C72, #001622)
- Powdered Periwinkle color palette (#E9F2C9, #36DDE4, #68A6FC, #5D5900, #000705)
- Seafoam Meadow color palette (#77FED7, #00B092, #00594C, #001F18, #000201)
- Washed Meadow color palette (#FEF2ED, #ADF3FF, #059CDE, #006D49, #0D1B42)
- Muted Cypress Study color palette (#FFF2EB, #D6D7E5, #79AAE0, #00816C, #3F2436)
Browse the whole catalog at Explore, or see today's palette.