Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Midnight 3AM Breakup Archive

Palette · 2 colors · Lc 8.3

Midnight 3AM Breakup Archive palette

Midnight 3AM Breakup Archive: a 2-color palette (Orange, Gray, Warm, 2 Colors). HEX, RGB, HSL and OKLCH for #F3EAE3, #310300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Orange
  • Gray
  • Warm
  • 2 Colors
  • Pair

primary

#F3EAE3

secondary

#310300

Open in StudioOpen in PickerAll palettes

Colors in Midnight 3AM Breakup Archive: HEX, RGB, HSL & OKLCH

  • primary

    #F3EAE3

    #F3EAE3 color page →
    RGB
    rgb(243 234 227)
    HSL
    hsl(26 40% 92%)
    OKLCH
    oklch(0.942 0.014 60.6)

    WCAG contrast: on white 1.18:1 (Fail) · on black 17.68:1 (AAA)

  • secondary

    #310300

    #310300 color page →
    RGB
    rgb(49 3 0)
    HSL
    hsl(4 100% 10%)
    OKLCH
    oklch(0.202 0.076 32.3)

    WCAG contrast: on white 18.36:1 (AAA) · on black 1.14:1 (Fail)

Export Midnight 3AM Breakup Archive: CSS variables, Tailwind & JSON

CSS variables

:root {
  --primary: #f3eae3;
  --secondary: #310300;
}

Tailwind CSS v4 @theme

@theme {
  --color-primary: #f3eae3;
  --color-secondary: #310300;
}

JSON (DTCG tokens)

{
  "midnight-3am-breakup-archive-2ps": {
    "primary": {
      "$type": "color",
      "$value": "#f3eae3"
    },
    "secondary": {
      "$type": "color",
      "$value": "#310300"
    }
  }
}

About this palette

Midnight 3AM Breakup Archive is a 2-color OKLCH-ready palette tagged orange, gray, warm, 2 colors, pair. Hex values: #F3EAE3, #310300. APCA contrast score Lc 8.3. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • Classic Equestrienne SignalOrange · Gray
  • Classic Equestrienne BeaconOrange · Gray
  • Deep English Breakfast RibbonOrange · Gray
  • Muted Couch KilnOrange · Gray
  • Quiet Hot Chocolate OrchardOrange · Gray
  • Muted Lonestar CircuitOrange · Gray

Palettes with similar colors

Closest to Midnight 3AM Breakup Archive by OKLab color distance.

  • Noir Délicieux au Chocolat FogYellow · Gray
  • Shadow Lonely Chocolate HarborOrange · Warm
  • Deep English Breakfast QuartzOrange · Warm
  • Noir Burnt Coffee VaultGreen · Gray
  • Shadow Play CircuitYellow · Gray
  • Noir Bruised Plum ArchiveRed · Gray
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA