Petrol Terrace color palette — #FFEEE7 · #81C9CF · #007CA5 · #00552D · #001740
Built around Cerulean, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
- Aqua (#81C9CF): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00552D): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001740): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Tempered Thicket color palette (#FDF4E5, #64C9D2, #007B93, #00574A, #00384F)
- Sapphire Lagoon color palette (#FFEEE2, #6BC8F4, #2E6DD2, #00524A, #1B0748)
- Denim Lantern color palette (#FCEAE2, #6EA7B0, #005F89, #003B25, #010131)
- Washed Navy color palette (#FBF2FA, #8CDAE1, #0099CD, #007743, #002D74)
- Worn Turquoise Boulevard color palette (#EBFAED, #C4E9FF, #00ABCC, #007463, #00293A)
- Cypress Bloom color palette (#F9F0EB, #C2E7D1, #6B91B7, #086E59, #3D2135)
- Weathered Navy Villa color palette (#EADFD9, #3D829B, #003B72, #002019, #01000A)
- Rust Workshop color palette (#FCEAE5, #C73500, #007182, #225173, #210300)
Browse the whole catalog at Explore, or see today's palette.