Petrol Meadow color palette — #FBF3F5 · #DADDEE · #859ABC · #1A7C89 · #4A516D
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF3F5): a clean, paper-quiet neutral.
- Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#859ABC): A luminous, dusty blue — the color of open sky before noon.
- Teal (#1A7C89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#4A516D): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Meadow 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
- Powder Pier color palette (#EFF7F7, #D9DBEA, #8DB4E3, #5C8EA7, #475365)
- Worn Periwinkle color palette (#F1F3EC, #C3E4E8, #769FCF, #327391, #412F3F)
- Softworn Coast color palette (#FAF3F7, #C6E2E9, #2A9AAD, #007640, #1E4D65)
- Petrol Cabin color palette (#F4ECF1, #95B7C9, #006FA4, #005147, #152C55)
- Abyss Lantern color palette (#F4E4EF, #5D9BA0, #005267, #003121, #001527)
- Patina Olive Alley color palette (#E8FAF5, #A4B88B, #A88BC0, #5F7F29, #4A4968)
- Washed Workshop color palette (#FAF4EE, #C4E1F3, #B2C7F2, #86AD90, #624A58)
- Dusty Plum color palette (#E1FCF9, #72A779, #8582BB, #9F5A92, #2D4846)
Browse the whole catalog at Explore, or see today's palette.