Sapphire Field color palette — #FFF0FD · #3970DC · #007C36 · #00574D · #182A4D

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

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sapphire (#3970DC): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#007C36): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#182A4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Sapphire Market color palette (#FFEFFF, #0073E3, #A23384, #005747, #152C4A)
• Pale Ridge color palette (#DBFFED, #0082A9, #8643AA, #035A12, #003041)
• Weathered Violet color palette (#FFF0F7, #7B5BD6, #A63F4A, #00545F, #2C2449)
• Feathered Violet Lantern color palette (#FFECF5, #8262D6, #B14211, #355400, #170734)
• Pale Nightshade color palette (#FAE7F5, #383AB9, #005034, #00302F, #070927)
• Wisteria Lagoon color palette (#F4F4FF, #B571E8, #D35E20, #547200, #352046)
• Hushed Driftwood Studio color palette (#FFF2EF, #BC7A8D, #927B53, #555C86, #4D3733)
• Grape Drift color palette (#F8D1E4, #694BB0, #932230, #003F48, #2D0E1F)

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