Petrol Veranda color palette — #EDF4EF · #CBD9DB · #C4B0BE · #007086 · #1A231D

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

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CBD9DB): a clean, paper-quiet neutral.
• Rosewood Mist (#C4B0BE): A luminous, dusty pink — the color of a candy shop window.
• Teal (#007086): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1A231D): a grounded near-black with real depth.

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

• Petrol Quarry color palette (#EFF8F3, #CBDDDE, #9DBBB3, #1A6E89, #343D38)
• Softworn Petrol color palette (#F8EFF3, #E6D2CC, #DFB2B0, #6E5DA4, #2D2127)
• Hushed Garden color palette (#DBEFE1, #BA9EBB, #766790, #5D4E00, #2F2B13)
• Cerulean Lantern color palette (#F0F6FA, #D8DBE6, #CFC1C9, #1E97BD, #273035)
• Muted Orchard color palette (#DCE7E2, #BEADBE, #A87F97, #004B62, #000F07)
• Cypress Terrace color palette (#F6F2E0, #85AB87, #00765E, #104E5E, #1B1E06)
• Patina Aubergine Grove color palette (#EEE7E9, #D7C7C8, #BE9A94, #644288, #1E1216)
• Nocturne Petrol Cabin color palette (#CCE8E0, #0068AC, #38182D, #00100C, #000301)

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