Petrol Courtyard color palette — #FBEAE1 · #7EC2D9 · #0B69B4 · #003F33 · #020013

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
• Sky (#7EC2D9): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0B69B4): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F33): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Spruce color palette (#FAEAE6, #6AC9C6, #00738D, #00420C, #000308)
• Cornflower Bloom color palette (#FDF3EB, #98D4FA, #4B74D5, #00524D, #11002D)
• Tempered Cerulean Harbor color palette (#F5EDE1, #3797B3, #004F72, #002C2C, #00040E)
• Cobalt Canyon color palette (#DFE8E0, #6EBDD6, #008DC6, #006D6E, #00142B)
• Faded Archive color palette (#DBECD3, #009280, #A223A0, #00473D, #030003)
• Softworn Hollow color palette (#8EFDDD, #00AA9A, #00604D, #001812, #000201)
• Timeworn Glacier color palette (#C8F7D8, #57E5F2, #7C99E2, #5D5F00, #000807)
• Chalky Dune color palette (#E7EBCA, #4E9D00, #006432, #002A26, #000607)

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