Petrol Courtyard color palette — #F1E8DA · #7DC1C5 · #00788D · #004D3F · #001925
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#F1E8DA): A whisper-light, dusty gold — the color of honey in a jar.
- Mint Leaf (#7DC1C5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Courtyard 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
- Hushed Cabin color palette (#F7EAF3, #8CBAC9, #00748F, #005239, #003150)
- Timeworn Petrol Archive color palette (#EFE8DE, #81BAE7, #3D6BAD, #004958, #0C1037)
- Weathered Cerulean color palette (#F8F1E5, #AAD3B7, #1688AD, #005C56, #00271E)
- Denim Hollow color palette (#F4EDE2, #59A8C4, #005F8A, #00393B, #000B1D)
- Cobalt Archive color palette (#FAF0E1, #8EDBFF, #2189CE, #006168, #09234B)
- Softworn Grove color palette (#E8E0D3, #0086A1, #00415B, #001F1F, #000104)
- Washed Meadow color palette (#F6F1EA, #C2E8E2, #72A5B7, #5C7254, #243C34)
- Weathered Plum Chapel color palette (#F1DEE0, #B100A6, #725C00, #005663, #180116)
Browse the whole catalog at Explore, or see today's palette.