Scarlet Field color palette — #DEE5F4 · #6568E8 · #CF1717 · #565900 · #03001C

Crimson and Cornflower Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEE5F4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower Indigo (#6568E8): A full-bodied, vivid violet — the color of wild irises.
• Crimson (#CF1717): A full-bodied, vivid orange — the color of autumn markets.
• Olive (#565900): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#03001C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Quiet Station color palette (#E0E0F0, #9F4DDA, #BB0047, #455400, #000207)
• Gentle Field color palette (#D8EAFD, #0082E4, #BC0025, #00522C, #00090E)
• Feathered Field color palette (#E4E7F7, #8962E6, #A55A00, #006219, #060018)
• Cornflower Lagoon color palette (#D3E2F6, #3376E5, #B13A88, #734B00, #000314)
• Muted Scarlet Quarry color palette (#CEF2FF, #008C98, #D1052A, #5A5800, #000607)
• Feathered Azure Corridor color palette (#D1E8FF, #2994E9, #8D4900, #00671B, #00050E)
• Plum Lantern color palette (#E4DBF1, #AE328B, #9B4400, #325100, #060003)
• Muted Byzantium Loft color palette (#C7E7DD, #5384E9, #9B2AAE, #005723, #0B002D)

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