Petrol Terrace color palette — #EEF8F4 · #F5AEB6 · #2C79A5 · #214C3E · #142620

Slate and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Ballet Pink (#F5AEB6): A luminous, balanced red — the color of embers at dusk.
• Slate (#2C79A5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#214C3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#142620): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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 Courtyard color palette (#FAF2FB, #F5B19F, #3D75AD, #503953, #281D2A)
• Hushed Petrol Canyon color palette (#ECF7FF, #FFDDD1, #4B7E95, #193C51, #051119)
• Marigold Atelier color palette (#EAF8FF, #CDA95B, #005B6C, #063344, #171C26)
• Cerulean Parlor color palette (#EFF7F4, #E0D4CF, #BBC4B1, #5D95C1, #3E4B47)
• Washed Cabin color palette (#EBF9EF, #C1E0B1, #49A4B0, #2F6D76, #16261A)
• Frosted Basin color palette (#EFDEF1, #FF824E, #005BA7, #002E59, #000F25)
• Airy Raspberry Lantern color palette (#E7FAF4, #4399D4, #A95994, #61630E, #16322A)
• Timeworn Lapis color palette (#F8EAF3, #A3C07A, #5654B5, #2E2F5E, #1D1219)

Browse the whole catalog at Explore, or see today's palette.