Petrol Terrace color palette — #D8EFE6 · #006C9D · #006637 · #004132 · #000B06
Peacock and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D8EFE6): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006C9D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006637): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004132): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000B06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Weathered Cypress Atelier color palette (#DBE7D4, #007663, #6A5100, #004035, #030A00)
- Softworn Terracotta color palette (#CEE6DC, #006D9A, #A2001E, #263E00, #000B06)
- Muted Ultramarine Delta color palette (#E7DBE5, #2358D4, #006359, #003E47, #130012)
- Sapphire Villa color palette (#F3DDED, #4C5ECA, #594300, #002C39, #000D13)
- Violet Delta color palette (#FCE1EA, #885DB5, #895900, #004F4A, #1F0611)
- Pale Byzantium color palette (#FFE4EB, #8834B4, #495E00, #003861, #160107)
- Misty Violet Alley color palette (#F2F5FF, #906BF5, #986E00, #005E1F, #040519)
- Gentle Cabin color palette (#E1E6D4, #7365D0, #8D0045, #003433, #20020D)
Browse the whole catalog at Explore, or see today's palette.