Petrol Garden color palette — #F5EDE3 · #8CBDAC · #1A69B5 · #004E5A · #18295D

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE3): a clean, paper-quiet neutral.
• Mint Leaf (#8CBDAC): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#1A69B5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#18295D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Cobalt color palette (#FBF4EA, #ABCDC4, #5877B4, #005C74, #323661)
• Dusty Petrol color palette (#F3EEE5, #9BBB9B, #007584, #00523E, #003343)
• Softworn Sapphire color palette (#F2E7DD, #8ABAD8, #3D64C5, #004C48, #190A35)
• Softworn Cornflower Summit color palette (#F5EBEF, #9BCCE9, #4A7EF4, #006C66, #2F254F)
• Wandering Denim color palette (#F3EADB, #5D99AD, #005072, #003030, #00142B)
• Dusty Lantern color palette (#E6F2E8, #A5DBFE, #5EA8F9, #008EA2, #1D2B53)
• Aged Delta color palette (#CEE5D2, #2BAB72, #00735C, #004641, #062B3C)
• Petrol Quarry color palette (#F8F5EF, #CDE3E5, #7D9BC6, #257A8F, #63495C)

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