Petrol Garden color palette — #DBEFEB · #53B0C0 · #00819C · #005D5F · #000B12

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DBEFEB): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#53B0C0): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005D5F): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Garden 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 Villa color palette (#D3E5E5, #79A6CB, #0074D3, #005977, #000722)
• Softworn Denim color palette (#EADEE7, #41A1B3, #006084, #003D31, #00091B)
• Soft Teal Thicket color palette (#E0F4F6, #34C8B8, #00B0BD, #007D51, #000D09)
• Wandering Jade Station color palette (#DDF6EC, #00A783, #00795B, #004232, #000201)
• Ancient Terrace color palette (#F5E7F1, #2B8695, #004060, #002014, #00000C)
• Sapphire Orchard color palette (#DDF0F1, #00956B, #0264F0, #006447, #000419)
• Hazy Petrol color palette (#CAF4E5, #008266, #006E9D, #615B00, #000201)
• Linen Periwinkle Boulevard color palette (#E4F2F1, #A9DBF8, #32ADFD, #008CAB, #082F53)

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