Petrol Terrace color palette — #EDEFE5 · #51AFD1 · #006F98 · #004853 · #001626

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDEFE5): a clean, paper-quiet neutral.
• Cyan (#51AFD1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006F98): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cypress Loft color palette (#EEEEE4, #5BA0A2, #00646E, #003C36, #000C0F)
• Faded Balcony color palette (#E9EEE0, #89B7DB, #0077CD, #005570, #071E41)
• Hushed Cobalt Garden color palette (#FAEBE1, #76C3DE, #0068BA, #003F33, #020013)
• Powdered Cerulean Garden color palette (#F3E4DB, #069EC5, #004D7E, #00302D, #040B3D)
• Cerulean Villa color palette (#EEF0E4, #A4D0B7, #0093BF, #006A74, #00324A)
• Tempered Turquoise color palette (#F5F6ED, #A3E8F4, #00ADCD, #008282, #00475B)
• Worn Olive Ridge color palette (#F7F1D4, #777F00, #007383, #454A00, #001317)
• Washed Archive color palette (#DCE5CE, #94C37A, #00B267, #5C5C00, #0F1C00)

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