Petrol Courtyard color palette — #FBEBDF · #81C1DD · #0069B5 · #003E3C · #010015
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#FBEBDF): A whisper-light, dusty gold — the color of old brass.
- Sky (#81C1DD): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010015): 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
- Softworn Market color palette (#F7EBE6, #69C9C8, #007389, #004026, #000306)
- Tempered Indigo color palette (#FEF3E9, #A2D2FA, #4B72DB, #005059, #0E002F)
- Navy Hollow color palette (#EEE2E8, #4195B6, #004790, #002C25, #04001A)
- Weathered Cobalt color palette (#D2E7E5, #66BCE2, #008DC8, #006A7C, #001528)
- Bronze Coast color palette (#FDE4CE, #B86600, #007487, #5A2F00, #000102)
- Sunlit Navy Studio color palette (#F7E1D0, #A94F0C, #00627B, #003392, #030100)
- Timeworn Periwinkle Field color palette (#FCF3EC, #D8D5E2, #61A8FF, #007F80, #262B4E)
- Aqua Lantern color palette (#FCF3EF, #BFE4E9, #5BCCE8, #569171, #27463C)
Browse the whole catalog at Explore, or see today's palette.