Muted Petrol Courtyard color palette — #F4E2D9 · #56B1B4 · #00819D · #006040 · #000A15

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F4E2D9): A whisper-light, dusty orange — the color of toasted spice.
• Turquoise (#56B1B4): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#00819D): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006040): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000A15): 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 Muted 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

• Cobalt Basin color palette (#FEEADD, #60ACC9, #0078C6, #005E59, #02012D)
• Hushed Teal color palette (#D7E8E4, #41A3A7, #00646E, #003C36, #000C0F)
• Abyss Lantern color palette (#D9E6DB, #4E8190, #00434F, #002018, #000103)
• Iris Basin color palette (#F9EEE3, #7EC8FE, #6590E5, #007B86, #1D1743)
• Aged Periwinkle color palette (#FCEBE0, #88E2FD, #42AEF3, #009284, #1C2D4E)
• Sunlit Grove color palette (#FFE5EB, #C952E9, #03893E, #68007F, #000902)
• Linen Workshop color palette (#EDDFF0, #C336D9, #00694B, #2D6100, #040006)
• Muted Thicket color palette (#FCF3EF, #BAF9F6, #6FCDE2, #78A488, #324F44)

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