Sapphire Courtyard color palette — #FFF2F0 · #FF8CBC · #74AC00 · #396DDF · #242862

Built around Royal Blue, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bubblegum (#FF8CBC): A luminous, balanced rose — the color of pressed rose petals.
• Clover (#74AC00): A luminous, vivid green — the color of new leaves after rain.
• Royal Blue (#396DDF): A full-bodied, vivid violet — the color of wild irises.
• Navy (#242862): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Washed Jade Corridor color palette (#FDEEE9, #F59093, #00AE71, #7460B0, #2E224D)
• Wandering Moss color palette (#FFF2F0, #FFA2C4, #46A700, #008498, #012D68)
• Misty Fuchsia Lantern color palette (#FFF1F3, #F489ED, #A09F00, #0081A8, #003648)
• Linen Blush color palette (#F6DAD6, #F9699B, #759100, #0067A0, #251144)
• Cerulean Chapel color palette (#FFD7D5, #F6B9A9, #C3AB74, #5C89BB, #583B4D)
• Antique Summit color palette (#FFF1F6, #C3A3FF, #DD7D00, #00887A, #003354)
• Dusty Grape Villa color palette (#F6E5CE, #D89C00, #0099BA, #783BD0, #430037)
• Ember Station color palette (#FAE8DF, #FA432C, #008859, #562AB4, #1A0033)

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