Petrol Meadow color palette — #F1F7F2 · #D7DEEF · #7F9DB9 · #337A83 · #455467
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D7DEEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7F9DB9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#337A83): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#455467): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Cypress Courtyard color palette (#F6F0F3, #D7D1E4, #859DC5, #157B71, #2F354B)
- Cerulean Chapel color palette (#E6F8FF, #72C1D6, #438FAC, #35658B, #494866)
- Aged Loft color palette (#ECF7FF, #7AB9DD, #BF8C6B, #357A9F, #604351)
- Denim Summit color palette (#EEF6FF, #B0D2F7, #6188AF, #2A527A, #1E3A55)
- Antique Grove color palette (#E8F1EA, #82BDC3, #00748C, #005145, #003248)
- Softworn Driftwood color palette (#EDF6FF, #679EC8, #B77285, #6E7E42, #354452)
- Softworn Cerulean Garden color palette (#EBFAED, #A2D8E7, #00909F, #00694F, #00475A)
- Dusty Driftwood Hollow color palette (#EAFAEF, #9DC2B0, #698974, #4F644F, #384D46)
Browse the whole catalog at Explore, or see today's palette.