Gentle Petrol Terrace color palette — #F2E6F0 · #4AB4B9 · #007093 · #004E25 · #001231
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F2E6F0): bright and airy, almost weightless.
- Cyan (#4AB4B9): A luminous, balanced teal — the color of sea glass.
- Peacock (#007093): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E25): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001231): A deep, shadowed, dusty 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 Gentle 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
- Gentle Ultramarine color palette (#F7E6EF, #28B0E4, #2663BD, #004B43, #140935)
- Petrol Delta color palette (#FCEAE1, #84C3C8, #007290, #00402D, #000308)
- Tempered Cerulean color palette (#D6EAE6, #74BEC4, #0093A6, #006D68, #00171E)
- Hushed Courtyard color palette (#F5EBF5, #82D5D4, #0094B9, #316C3C, #122F4E)
- Tempered Rose color palette (#D8E3F2, #C39BFF, #D6607A, #00676F, #14163B)
- Quiet Ultramarine Alley color palette (#DBE5F4, #005DD5, #605F00, #284F1E, #00061B)
- Softworn Veranda color palette (#FEF1F7, #CAEAFF, #86A6D6, #368A7E, #3E4664)
- Aubergine Pier color palette (#CEE8EE, #0081BB, #0052A7, #330689, #1E0031)
Browse the whole catalog at Explore, or see today's palette.