Petrol Courtyard color palette — #E7F6EA · #89C6D7 · #007CA7 · #005250 · #001B33
Cerulean and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F6EA): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#89C6D7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Timeworn Sapphire color palette (#E9F6EC, #8FC1EC, #336DCF, #004F61, #100C4B)
- Hushed Cobalt color palette (#FFF2EB, #70C6DB, #0074B4, #005841, #222C66)
- Ancient Atelier color palette (#E9F6EC, #A8D9E5, #0094A0, #006548, #002A35)
- Timeworn Terrace color palette (#DFEAE1, #65A7BE, #005F8A, #00393B, #000B1D)
- Muted Navy color palette (#D8E3DA, #4D7E9F, #003A74, #001E25, #00000C)
- Aged Azure Courtyard color palette (#FFF0FA, #D5D9F5, #17A1F9, #007559, #161265)
- Feathered Orchard color palette (#FDDDF1, #DE5209, #007E9A, #822C00, #001921)
- Grape Delta color palette (#F7DACC, #B44F00, #007759, #5800D0, #1D0700)
Browse the whole catalog at Explore, or see today's palette.