Petrol Veranda color palette — #F1F7F2 · #D1DEDD · #ABC6C9 · #25838A · #414B42

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Stone (#ABC6C9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#25838A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#414B42): quiet, heavy and certain.

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

Use it as a design system

One click turns 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

• Cerulean Study color palette (#F0F7F4, #DED4D3, #AEA294, #5E88A2, #4D5451)
• Worn Chapel color palette (#EDF4ED, #CBDEDE, #D0BDC1, #398282, #282E28)
• Timeworn Station color palette (#EDF8F2, #BCDAD1, #93A7CF, #00647F, #1E392D)
• Worn Cabin color palette (#F9F3F7, #E6D5D4, #C5ACB1, #5B5E90, #41373D)
• Patina Pine color palette (#F8F5E9, #9FB992, #428358, #4B6145, #464500)
• Hushed Petrol Delta color palette (#D6EAE1, #007BA5, #3F2940, #0E241C, #050F0E)
• Timeworn Abyss color palette (#E1EBE4, #9BAEA6, #907492, #003F4A, #07180E)
• Antique Chestnut Balcony color palette (#DDFFE9, #D0B6D3, #7B7EAC, #925730, #744902)

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