Ancient Petrol Veranda color palette — #EFF4E6 · #5A9E7D · #007183 · #5D3700 · #1C2200

Teal and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EFF4E6): a clean, paper-quiet neutral.
• Fern (#5A9E7D): A luminous, balanced teal — the color of glacier melt.
• Teal (#007183): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5D3700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#1C2200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Ancient Petrol Veranda 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

• Gentle Garnet color palette (#F4F2E7, #8B9547, #1A755A, #78151D, #2C1A00)
• Wandering Cocoa Harbor color palette (#DCEDDD, #007A7D, #6F3400, #2B2900, #000F06)
• Tempered Cerulean color palette (#F1F3EB, #C5E5D5, #5696BA, #006A7B, #00352A)
• Olive Canyon color palette (#F7F1E5, #BDB394, #717C3F, #465D3A, #2E270F)
• Airy Grape color palette (#E9F9F8, #3B9E6D, #6E4EA5, #703601, #502E15)
• Cobalt Boulevard color palette (#E7F9FF, #00BBC4, #4383CA, #6B4D8C, #11422B)
• Antique Harbor color palette (#DEF9EE, #C7AEC8, #967B8E, #77546F, #492522)
• Aubergine Delta color palette (#E7F6ED, #389BB8, #4F619C, #5C236C, #3C0518)

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