Petrol Terrace color palette — #DDF4F2 · #74C0F3 · #006AB2 · #003B4E · #00020B

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DDF4F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#74C0F3): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Muted Petrol color palette (#E1F3EF, #6DC8CA, #00757F, #003E38, #000304)
• Navy Canyon color palette (#EFE6D7, #5A91B5, #00488D, #002A33, #01001E)
• Misty Courtyard color palette (#FFE7F0, #5CBBF3, #4580E0, #006C72, #10053E)
• Antique Periwinkle Terrace color palette (#EEF7F7, #DADCE7, #60A9FF, #0079A3, #1E2F47)
• Softworn Drift color palette (#E1EDDE, #247C00, #00646E, #5C3B00, #000200)
• Hushed Delta color palette (#E8FAF5, #C1DCFC, #00AFB5, #007462, #002B30)
• Gentle Jade color palette (#C6F7ED, #96D5A7, #00BF91, #445800, #000701)
• Olive Garden color palette (#E6E3CA, #828400, #535E00, #202E00, #000200)

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