Ancient Petrol Veranda color palette — #ECF4F0 · #DCD1CE · #C7B5B4 · #417C9D · #222F2A

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Oat (#DCD1CE): a clean, paper-quiet neutral.
• Stone (#C7B5B4): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#417C9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#222F2A): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Cobalt Parlor color palette (#F0F7F4, #DED4D3, #C7B8BC, #347BA9, #3B4C46)
• Hushed Workshop color palette (#F8EFF3, #E2D2CF, #DAB5B4, #695FA4, #311E29)
• Washed Drift color palette (#F6EFF5, #DDD4D4, #B6ADA4, #987692, #3A3438)
• Olive Lantern color palette (#FDEFE2, #C4B18C, #717B46, #644C60, #302612)
• Hushed Fern Pier color palette (#D5F2E0, #CDB4C9, #9E777E, #655B05, #3A3C00)
• Antique Navy color palette (#E0EEE9, #AA9AA5, #8E737D, #00395F, #000604)
• Antique Aubergine color palette (#F2E5EA, #DBC5C8, #B49E9A, #604489, #1E1217)
• Turquoise Delta color palette (#FCF1D6, #54A8CB, #676497, #4F4800, #002A22)

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