Petrol Courtyard color palette — #FBEAE2 · #82C4CA · #007291 · #00402E · #000308

Teal and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEAE2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ash (#82C4CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000308): 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

• Dusty Loft color palette (#FAEBDF, #8BBEDD, #0062CE, #003D40, #020013)
• Patina Cobalt Summit color palette (#FEF2EC, #95D7ED, #0081C4, #00524A, #000334)
• Washed Cerulean Grove color palette (#D8EFEA, #57C2CC, #0093A7, #006D68, #00171E)
• Worn Cerulean color palette (#ECEDDA, #009CA6, #00535E, #002C29, #000508)
• Rust Bloom color palette (#FFE5DD, #B03900, #00656B, #004A60, #040000)
• Aged Dune color palette (#FDF3EE, #BEEAF6, #55B2DD, #008268, #0F2F51)
• Worn Scarlet Parlor color palette (#F8E7E0, #D24844, #007483, #75010C, #000102)
• Dusty Driftwood color palette (#F7EDDB, #838D4D, #5C4C00, #321C00, #000200)

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