Pale Courtyard color palette — #FFF1F1 · #FE77C6 · #888200 · #005974 · #191158

Built around Bubblegum, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#FE77C6): A luminous, vivid rose — the color of pressed rose petals.
• Olive Leaf (#888200): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005974): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#191158): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Fuchsia Summit color palette (#FFF1F4, #E57EFA, #9A7900, #005B6E, #002535)
• Muted Blush Veranda color palette (#FFF2EE, #F57A87, #348B35, #323F93, #1A0F43)
• Dusty Rose color palette (#FFF2EE, #E55E77, #00782D, #003479, #000A26)
• Softworn Lantern color palette (#FEF2ED, #F9A189, #00A27E, #674E86, #352143)
• Frosted Scarlet color palette (#FFF0FE, #CB4D52, #586000, #004952, #401268)
• Soft Amber Ridge color palette (#FFF0FC, #FF958B, #C78C00, #56851B, #54103C)
• Timeworn Marigold Harbor color palette (#FFF1F4, #FFD1C4, #C6A03A, #607CA0, #304267)
• Tempered Terrace color palette (#FFEEE9, #CC4059, #255C00, #001F5A, #040005)

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