Petrol Garden color palette — #F4EDE2 · #6EC7CF · #00738A · #003F35 · #000306

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EDE2): a clean, paper-quiet neutral.
• Aqua (#6EC7CF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

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

• Worn Station color palette (#F8ECDB, #8DBEDB, #0069B6, #003D45, #000016)
• Cobalt Archive color palette (#FCF4E7, #90D8EF, #0084B8, #005151, #000D1E)
• Softworn Periwinkle color palette (#DDFFE9, #91D5FF, #83A4FF, #005D5A, #00060A)
• Worn Denim Delta color palette (#F5ECF4, #4A989E, #00506D, #002E16, #000313)
• Ancient Mulberry color palette (#D0EEF6, #007486, #950086, #504100, #000102)
• Frosted Study color palette (#E2F5E6, #008E9D, #BA2603, #00444C, #040000)
• Patina Summit color palette (#FBF4EA, #AEF4F6, #00A3BC, #006C57, #00222F)
• Tempered Loft color palette (#F1E5E1, #6CBFC8, #008EC1, #007142, #000F39)

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